<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="applicable-device" content="mobile">
	<title>微信商城</title>
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="css/city.css">
	<link rel="stylesheet" href="css/swiper.min.css">
  	<script type="text/javascript" src="js/jquery.min.js"></script>
  	<script type="text/javascript" src="js/swiper.jquery.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="search">
			<input type="text" placeholder="搜索" name="keyword">
			<i class="fa fa-search"></i>
		</div>

		<div class="swiper-container">
		      <div class="swiper-wrapper">
		        <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
		        <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
		        <div class="swiper-slide"><img src="img/banner.png" alt=""></div>
		      </div>
      			<div class="swiper-pagination"></div>
    	</div>

    	<div class="market">
	    	<div class="market_top">
	    		<span class="left">商铺商品</span>
	    		<span class="right">商铺数：57474</span>
	    	</div>
	    	<div class="market_main">
	    		<section class="submarket">
	    			<div class="marketHead cl">
	    				<img src="img/raw.png" alt="">
	    				<div class="head">
	    					<h2>义乌国际商贸城一区</h2>
	    					<div class="cate">
	    						<span>玩具</span>
	    						<span>珠宝</span>
	    						<span>首饰</span>
	    						<span>装饰工艺</span>
	    					</div>
	    				</div>
	    				
	    			</div>
	    			<div class="marketbody">
	    				<table>
	    					<tr>
	    						<td class="first">1F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">2F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">3F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">4F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    				</table>
	    			</div>
	    		</section>
	    		<section class="submarket">
	    			<div class="marketHead cl">
	    				<img src="img/raw.png" alt="">
	    				<div class="head">
	    					<h2>义乌国际商贸城一区</h2>
	    					<div class="cate">
	    						<span>玩具</span>
	    						<span>珠宝</span>
	    						<span>首饰</span>
	    						<span>装饰工艺</span>
	    					</div>
	    				</div>
	    				
	    			</div>
	    			<div class="marketbody">
	    				<table>
	    					<tr>
	    						<td class="first">1F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">2F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">3F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">4F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    				</table>
	    			</div>
	    		</section>
	    		<section class="submarket">
	    			<div class="marketHead cl">
	    				<img src="img/raw.png" alt="">
	    				<div class="head">
	    					<h2>义乌国际商贸城一区</h2>
	    					<div class="cate">
	    						<span>玩具</span>
	    						<span>珠宝</span>
	    						<span>首饰</span>
	    						<span>装饰工艺</span>
	    					</div>
	    				</div>
	    				
	    			</div>
	    			<div class="marketbody">
	    				<table>
	    					<tr>
	    						<td class="first">1F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">2F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">3F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    					<tr>
	    						<td class="first">4F</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    						<td>玩具</td>
	    					</tr>
	    				</table>
	    			</div>
	    		</section>
	    	</div>	

	   <!-- 巨便宜 -->
		<div class="list">
			<div class="list_header">
				<span class="left">巨便宜</span>
				<a href="#" class="more">更多<!-- <i class="fa fa-angle-right"></i> --></a>
			</div>

			<div class="con cl">

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述  分段文字描述字数控制 商品名称及相关关键字描述</dd>
						<dd  class="price">￥21.32 <span>去采购</span></dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述 分段文字描述字数控制</dd>
						<dd class="price">价格请电询 <span>去采购</span></dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述  分段文字描述字数控制 商品名称及相关关键字描述</dd>
						<dd  class="price">￥21.32 <span>去采购</span></dd>
					</dl>
				</a>

				<a href="product.html" class="market">
					<dl>
						<dt><img src="img/goods.png" alt=""></dt>
						<dd class="topic">商品名称及相关关键字描述 分段文字描述字数控制</dd>
						<dd class="price">价格请电询 <span>去采购</span></dd>
					</dl>
				</a>

			</div>
		</div>
		<!-- 巨便宜结束 -->

		<div class="foot">
			<a href="#" class="main_bottom">查看更多</a>
		</div>
    	</div>
    	
		<div class="tabbar">
			<a href="search.html" class="tabbar-item">
				<!-- <div class="tabbar_icon active">
					
				</div> -->
				<i class="fa fa-search-plus"></i>
				<p class="tabbar_label">搜索</p>
			</a>
			<a href="cityCate.html" class="tabbar-item">
				<i class="fa fa-list-ul"></i>
				<p class="tabbar_label">分类</p>
			</a>
			<a href="cart.html" class="tabbar-item">

				<i class="fa fa-sticky-note-o"></i>
				<p class="tabbar_label">进货单</p>
			</a>
			<a href="usercenter.html" class="tabbar-item">
				<i class="fa fa-user"></i>
				<p class="tabbar_label">我的</p>
			</a>
		</div>


	</div>
	<footer>
		<p>2014-2016 云中购版权所有</p>
		<p>义乌购提供技术支持</p>
	</footer>
	<script type="text/javascript">
		$(function(){
			var mySwiper = new Swiper(".swiper-container",{
		      initialSlide:3,
		      speed:2000,
		      loop:true,
		      autoplay:1000,
		      autoplayDisableOnInteraction:false,
		      pagination:".swiper-pagination",
		    });


			$(".marketHead").click(function(){
				var $body = $(this).parent().find(".marketbody");
				if($body.is(":hidden")){
					$body.slideDown();
				}else{
					$body.slideUp();
				}
		    });

		    $(".search input").click(function(){
    			window.location.href="search.html";
    		});
		});
	</script>
</body>
</html>